<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/shoping.css">
    <link rel="stylesheet" href="../css/mainiconfont.css">
    <link rel="stylesheet" href="../css/mainsame.css">
    <link rel="stylesheet" href="../css/main.css">
</head>

<body>
    <div class="max-wp">
        <div class="header">
            <header>
                <ul class="font_16">
                    <li><img src="../img/head_log.png" alt="" class="headLog"></li>
                    <li><a href="./index.html">首页</a></li>
                    <li><a href="./course.html">课程</a></li>
                    <li><a href="./question-index.html">题库</a></li>
                    <li class="teacherlibox">
                        讲师
                        <i class="iconfont icon-sanjiaodown"></i>
                        <ol class="teacherpullBox font_16">
                            <li>唯实名师</li>
                        </ol>
                    </li>
                    <li>资讯</li>
                    <li><a href="./material.html">教材</a></li>
                    <li>关于</li>
                </ul>
                <ul class="font_14">
                    <li>
                        <input type="text" placeholder="搜索课程">
                        <i class="iconfont icon-sousuo"></i>
                    </li>
                    <li class="navActive">
                        <a href="./shoping.html">
                            <i class="iconfont icon-gouwuche2"></i>购物车
                        </a>
                    </li>
                    <li class="login"><a href="./login.html">登录</a></li>
                    <li class="logon"><a href="./logon.html">注册</a></li>
                    <li class="userliBox">
                        用户
                        <i class="iconfont icon-sanjiaodown"></i>
                        <ol class="userpullBox">
                            <li><a href="./user.html">个人中心</a></li>
                            <li class="logout">退出登录</li>
                        </ol>
                    </li>
                    <li>
                        <i class="iconfont icon-shouji"></i>
                        <i class="iconfont icon-sanjiaodown"></i>
                    </li>
                </ul>
            </header>
        </div>
        <div class="wp">
            <div class="nav-wp">
                <div class="nav-content">
                    <div class="nav-content-txt-wp">
                        <div class="nav-content-txt">
                            全部商品
                        </div>
                    </div>
                    <div class="nav-checkbox-wp">
                        <ul class="nav-checkbox-wp-ul">
                            <li class="nav-checkbox-wp-ul1">
                                <input class="gxkAll" type="checkbox" name="" id="gxk">
                                <span>全部</span>
                            </li>
                            <li class="nav-checkbox-wp-ul2">商品名字</li>
                            <li class="nav-checkbox-wp-ul3">单价</li>
                            <li class="nav-checkbox-wp-ul4">数量</li>
                            <li class="nav-checkbox-wp-ul5">金额</li>
                            <li class="nav-checkbox-wp-ul6">操作</li>
                        </ul>
                    </div>
                    <div class="nav-content-shop">
                        <!-- <div class="nav-content-sp">
                            <ul class="nav-content-sp-ul">
                                <li class="nav-content-sp-ul-li1">
                                    <input class="gxk" type="checkbox" name="" id="gxk">
                                    <img src="../img/suggestBook.png" alt="">
                                    <div>
                                        <div>2020新款男鞋秋季马丁靴男中帮韩版</div> 工装透气鞋男士靴子高帮潮鞋
                                    </div>
                                </li>
                                <li class="nav-content-sp-ul-li3">
                                    <div style="color: #ccc;text-decoration:line-through;">￥288.00</div>
                                    <div>￥168.00</div>
                                </li>
                                <li class="nav-content-sp-ul-li5">
                                    <button class="jian">-</button>
                                    <span class="sp">1</span>
                                    <button class="jia">+</button>
                                </li>
                                <li class="jiage" style="color: red;font-size: 13px;">￥168.00</li>
                                <li class="nav-content-sp-ul-li7">
                                    <div>移入收藏夹</div>
                                    <div class="delData">删除</div>
                                    <div>相似宝贝</div>
                                </li>
                            </ul>
                        </div> -->
                    </div>
                    <div class="nav-footer">
                        <div class="nav-footer-zuo">
                            <ul class="nav-footer-ul-wp">
                                <li class="nav-footer-ul1">
                                    <input class="gxkAll" type="checkbox" name="" id="gxk">
                                    <span>全选</span>
                                </li>
                                <li class="delDatas">删除</li>
                                <li>清除失效宝贝</li>
                            </ul>
                        </div>
                        <div class="nav-footer-you">
                            <div class="nav-content-btn">
                                <span>已选商品（不含运费）</span>
                                <span class="nav-content-btn-jq">0</span>
                                <button class="jsBtn">结算</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="zzc-wp">
                    <div class="zzc"></div>
                    <div class="zzc-content">
                        <div class="zzc-content-header">
                            <img src="../img/new_head_log.png" alt="">
                            <span>付款页面</span>
                        </div>
                        <div class="zzc-test">
                            <div class="nav-content-shop1">
                                <!-- <div class="nav-content-sp1">
                                    <ul class="nav-content-sp-ul">
                                        <li class="nav-content-sp-ul-li1">
                                            <img src="../img/suggestBook.png" alt="">
                                            <div>
                                                <div>2020新款男鞋秋季马丁靴男中帮韩版</div> 工装透气鞋男士靴子高帮潮鞋
                                            </div>
                                        </li>
                                        <li class="nav-content-sp-ul-li3">
                                            <div style="color: #ccc;text-decoration:line-through;">￥288.00</div>
                                            <div>￥168.00</div>
                                        </li>
                                        <li class="nav-content-sp-ul-li5">
                                            <span class="sp">1</span>
                                        </li>
                                        <li style="color: red;font-size: 13px;">￥168.00</li>
                                    </ul>
                                </div> -->
                            </div>
                            <div class="js-wp-you">
                                姓名：<span class="js-wp-you-name">魏雄</span>
                                <div>总价：<span style="font-size: 26px;color: #999;">￥</span><span class="Allzj">0</span>
                                </div>
                                <div class="flower-wp">
                                    <div>地址:</div>
                                    <select name="" id="shen"></select>
                                    <select name="" id="shi"></select>
                                    <select name="" id="qu"></select>
                                </div>
                            </div>
                        </div>
                        <div class="zzc-btn">
                            <button class="qxfk" style="background-color: #ccc;outline-color: #cccccc">取消付款</button>
                            <button class="geiqian">立即付款</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <footer class="color_666">
            <div class="footerContainer">
                <div class="footer1">
                    <div>
                        <ul class="colms3 color_666 font_12">
                            <li class="font_16 mtb_10">新手指南</li>
                            <li>如何注册</li>
                            <li>购课流程</li>
                            <li>付款方式</li>
                        </ul>
                        <ul class="colms3 color_666 font_12">
                            <li class="font_16 mtb_10">用户中心</li>
                            <li>账户设置</li>
                            <li>订单查询</li>
                        </ul>
                        <ul class="colms3 color_666 font_12">
                            <li class="font_16 mtb_10">常见问题</li>
                            <li>忘记密码</li>
                            <li>订单到账</li>
                            <li>播放问题</li>
                        </ul>
                        <ul class="colms3 color_666 font_12">
                            <li class="font_16 mtb_10">售后相关</li>
                            <li>意见反馈</li>
                            <li>隐私设置</li>
                        </ul>
                    </div>
                    <div class="font_14">
                        <div class="colms7">
                            <h6 class="mtb_10">
                                <i class="iconfont icon-dianhua_phone_bg"></i>
                                服务电话
                            </h6>
                            <div class="margin_l20 margin_t10">010-85859097</div>
                            <h6 class="margin_t10 ">
                                <i class="iconfont icon-xiaoxixinfengnews2"></i>
                                企业邮箱
                            </h6>
                            <div class="margin_l20 margin_t10">kefu@wyikao.com</div>
                        </div>
                        <div class="colms5">
                            <div class="margin_b20">
                                <i class="iconfont margin_r4 icon-shouji"></i>
                                下载APP
                            </div>
                            <div>
                                <i class="iconfont margin_r4 icon-weixin"></i>
                                微信&H5
                            </div>
                        </div>
                    </div>
                </div>
                <div class="footer2 margin_t20 font_14">友情链接：</div>
                <ul class="margin_t20 pad_t10 textAli_C font_12">
                    <li>
                        <span class="footLis">
                            <span>新手指南</span>
                            <i>|</i>
                        </span>
                        <span class="footLis">
                            <span>帮助中心</span>
                            <i>|</i>
                        </span>
                        <span class="footLis">
                            <span>意见反馈</span>
                        </span>
                        <span class="margin_l10">客服电话：010-85859097 Email：kefu@wyikao.com 工作时间：9:30-18:30</span>
                    </li>
                    <li class="mt5">©2017-2020北京唯新唯实教育科技有限公司 版权所有 <a href="http://beian.miit.gov.cn">京ICP备17035261号
                        </a>、京公网安备11010802018055</li>
                    <li class="mt5">
                        Powered By
                        <span>唯实教育</span>
                    </li>
                </ul>
            </div>
        </footer>
        <!-- 退出登录 -->
        <div class="logout-wp" style="display: none;">
            <div class="logout-box">
                <div class="logout-header">
                    <div class="logout-header__title">
                        <span>提示</span>
                    </div>
                    <button style="font-size: 25px;" class="logout-header__button close">×</button>
                </div>
                <div class="logout-content">
                    <div class="logout-content-container">
                        <div class="logout-content-message">
                            <p>确定退出登录吗</p>
                        </div>
                    </div>
                </div>
                <div class="logout-btns">
                    <button class="close">取消</button>
                    <button class="define">确定</button>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="../node_modules//jquery/dist/jquery.min.js"></script>
<script src="../js/city.data-3.js"></script>
<script src="../js//jquery.cookie.js"></script>
<script src="../js//shoping.js"></script>

</html>